<legend class='hyc-legend'>
    <i class="fa fa-tasks"></i>&nbsp;
    <span>油卡列表</span>
</legend>
<div class="panel panel-default">
    <div class="panel-heading">油卡列表</div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-1 text-right top7">手机号</div>
            <div class="col-md-3">
                <div class="form-group">
                    <input type="text" class="form-control hyc-color" ng-model="queryOilCard.phone" placeholder="手机号">
                </div>
            </div>
            <div class="col-md-1 text-right top7">油卡卡号</div>
            <div class="col-md-3">
                <div class="form-group">
                    <input type="text" class="form-control hyc-color" ng-model="queryOilCard.cardCode" placeholder="油卡卡号">
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group text-right">
                    <div class="btn btn-default btn-sm btn-warning" ng-click="loadData('query')">查询</div>&nbsp;&nbsp;&nbsp;
                    <div class="btn btn-default btn-sm" ng-click="clearQuery()">重置</div>
                </div>
            </div>
        </div>
        <table class="table table-bordered">
            <tr>
                <th class="text-center">手机号</th>
                <th class="text-center">用户名</th>
                <th class="text-left">油卡卡号</th>
                <th class="text-center">状态</th>
                <th class="text-center" style="width: 110px;">操作</th>
            </tr>
            <tr ng-repeat="item in oilList track by $index">
                <td class="text-center">{{item.phone}}</td>
                <td class="text-center">{{item.userName}}</td>
                <td class="text-left">{{item.cardCode}}</td>
                <td class="text-center">{{item.statusText}}</td>
                <td class="text-center">
                    <a href="javascript:;" ng-show="item.status == '10'" ng-click="modify(item.id, '30')">退卡</a>
                    <a href="javascript:;" ng-show="item.status == '10'" ng-click="modify(item.id, '20')">&nbsp;&nbsp;挂失</a>
                </td>
            </tr>
            <tr ng-if="oilList.length <= 0">
                <td colspan="5">
                    <div class="hyc-color text-center">
                        暂无符合条件的数据
                    </div>
                </td>
            </tr>
        </table>
        <div ng-include="pageIncludeUrl" ng-if="oilList.length > 0"></div>
    </div>
</div>